﻿<%@ Page Title="" Language="C#" MasterPageFile="~/AdminMP.Master" AutoEventWireup="true"
    CodeBehind="Home.aspx.cs" Inherits="Admin.Home" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <script type="text/javascript" src="http://code.highcharts.com/highcharts.js"></script>
    <script type="text/javascript" src="http://code.highcharts.com/modules/exporting.js"></script>
    <script type="text/javascript">
        $(function () {
            var chart;
            $(document).ready(function () {
                chart = new Highcharts.Chart({
                    chart: {
                        renderTo: 'container',
                        type: 'column'
                    },
                    title: {
                        text: 'Produtos mais vendidos'
                    },
                    xAxis: {
                        categories: [
                    'Produto 1',
                    'Produto 2',
                    'Produto 3',
                    'Produto 4',
                    'Produto 5',
                    'Produto 6',
                    'Produto 7',
                    'Produto 8',
                    'Produto 9',
                    'Produto 10'
                ]
                    },
                    yAxis: {
                        min: 0,
                        title: {
                            text: 'Vendas'
                        }
                    },
                    tooltip: {
                        formatter: function () {
                            return '' +
                        this.x + ': ' + this.y;
                        }
                    },
                    plotOptions: {
                        column: {
                            pointPadding: 0.2,
                            borderWidth: 0
                        }
                    },
                    series: [{ data: [49.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1]}]
                });
            });

        });
    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <div style="width: 100%; padding: 20px 20px 20px 20px;">
        <fieldset style="height: 300px; width: 1020px">
            <legend class="labelCadastro">Top Vendidos </legend>
            <div id="container" style="min-width: 400px; height: 280px; margin: 0 auto">
            </div>
        </fieldset>
        <asp:UpdatePanel ID="upPedidos" runat="server" UpdateMode="Conditional">
            <Triggers>
                <asp:AsyncPostBackTrigger ControlID="timer" EventName="Tick" />
            </Triggers>
            <ContentTemplate>
                <fieldset style="height: 300px; width: 500px; margin: 20px 0 20px 0;">
                    <legend class="labelCadastro">Pedidos recentes </legend>
                    <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
                </fieldset>
            </ContentTemplate>
        </asp:UpdatePanel>
        <asp:Timer ID="timer" runat="server" Interval="30000" OnTick="timer_Tick">
        </asp:Timer>
    </div>
</asp:Content>
